$(function () {
    layui.use(['form', 'laydate', 'layer', 'jquery'],
        function () {
            $ = layui.jquery;
            let form = layui.form,
                layer = layui.layer;
            let laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#birthday', //指定元素
                trigger: 'click'
            });

            // 得到另一个页面传递过来的值
            let item = sessionStorage.getItem("user");
            // console.log(JSON.parse(item));
            setData(JSON.parse(item));

            // 将值赋值给表单
//表单赋值
            function setData(data) {
                // $("#id").attr("src","aaa");
                form.val('form', {
                    "id": data.id,
                    // "username": data.username // "name": "value"
                    // ,
                    // "phone": data.phone,
                    // "email": data.email //复选框选中状态
                    // ,
                    "birthday": data.birthday //开关状态
                    ,
                    "sex": data.sex,

                    "remark": data.remark
                });
                $("#username").val(data.username);
                $("#phone").val(data.phone);
                $("#email").val(data.email);
                //    如果用不了，则用其他方法去做
                $("input[type=radio][name=enable][value=" + data.enable + "]").attr("checked", true);
                // 爱好
                let hobby = data.hobby;
                if (hobby != null) {
                    let hobbys = hobby.split(",");// c,c#
                    $("input[type=checkbox][name=hobby]").each(function (index, obj) {
                        for (let i in hobbys) {
                            // console.log(hobbys[i], obj.title, "---" + index)
                            if (hobbys[i] == obj.title) {
                                $(obj).attr("checked", true);
                            }
                        }
                    });
                }
                form.render();//重新渲染表单
            }

            //自定义验证规则
            form.verify({
                nikename: function (value) {
                    if (value.length < 5) {
                        return '昵称至少得5个字符啊';
                    }
                },
                pass: [/(.+){6,12}$/, '密码必须6到12位'],
                repass: function (value) {
                    if ($('#password').val() != $('#L_repass').val()) {
                        return '两次密码不一致';
                    }
                }
            });

            //监听提交
            form.on('submit(update)',
                function (data) {
                    data = data.field;
                    //对于复选框，没有得到
                    let hobbys = [];
                    $("input[type=checkbox][name=hobby]:checked").each(function (index, obj) {
                        // console.log(index,obj);
                        // console.log(obj.title)
                        hobbys.push(obj.title)
                    });
                    data.hobby = hobbys.toString();
                    // console.log(data);
                    //发异步，把数据提交给java
                    $.ajax({
                        url: '/back/user/update',
                        data: data,
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.msg === 'success') {
                                layer.alert("修改成功", {
                                        icon: 6
                                    },
                                    function () {
                                        //关闭当前frame
                                        xadmin.close();

                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                            } else {
                                layer.alert("修改失败");
                            }
                        }
                    })
                    return false;
                });

        });
})